Adwaita: simplify treeview check and radio scss
authorLapo Calamandrei <calamandrei@gmail.com>
Wed, 16 Mar 2016 12:11:15 +0000 (13:11 +0100)
committerLapo Calamandrei <calamandrei@gmail.com>
Wed, 16 Mar 2016 12:11:46 +0000 (13:11 +0100)
gtk/theme/Adwaita/_common.scss
gtk/theme/Adwaita/gtk-contained-dark.css
gtk/theme/Adwaita/gtk-contained.css

index a69ef1dda98b94692d6f4de6091f6cf0d34ab178..45b52de93ee49d31137d1b4ca5cd397b70685d31 100644 (file)
@@ -2617,45 +2617,27 @@ menu menuitem {
   radio:indeterminate:checked { animation: none; }
 }
 
-
-// treeview stuff, let's the fun begin:
-treeview.view check:selected {
-  &:focus, &:backdrop, & {
-    &:disabled, & {
-      @extend %check;
+treeview.view check,
+treeview.view radio {
+  &:selected {
+    &:focus, & {
+      color: $fg_color;
 
       @if $variant == 'light' { border-color: $selected_borders_color; }
     }
-  }
-}
 
-treeview.view radio:selected {
-  &:focus, &:backdrop, & {
-    &:disabled, & {
-      @extend %radio;
+    &:disabled {
+      color: $insensitive_fg_color;
 
-      @if $variant == 'light' { border-color: $selected_borders_color; }
+      &:backdrop { color: $backdrop_insensitive_color; }
     }
   }
-}
-
-treeview.view check,
-treeview.view radio {
-  &:dir(rtl), &:dir(ltr) {  // specificity bump
-    &:selected, & {
-      &:focus, &:hover, & { color: $fg_color; }
-
-      &:backdrop {
-        &:hover, & { color: $backdrop_fg_color; }
 
-        &:disabled { color: $backdrop_insensitive_color; }
-      }
-
-      &:disabled { color: $insensitive_fg_color;}
-    }
-  }
+  &:backdrop { &:selected, & { color: $backdrop_fg_color; }}
 }
 
+treeview.view radio:selected { &:focus, & { @extend %radio; }} // This is a workaround
+
 
 /************
  * GtkScale *
index a2d3ef180dac66d2ffd0f369aaf7ab28d23562db..98915224a6d6a155acdcdcca8f35ff3dabbe7cad 100644 (file)
@@ -2566,17 +2566,14 @@ radio {
       border-color: currentColor;
       animation: none; }
 
-treeview.view check:selected:focus:disabled, treeview.view check:selected:focus, treeview.view check:selected:backdrop:disabled, treeview.view check:selected:backdrop, treeview.view check:selected:disabled, treeview.view check:selected,
 check {
   border-radius: 3px; }
-  treeview.view check:checked:selected,
   check:checked {
     -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); }
-  treeview.view check:indeterminate:selected,
   check:indeterminate {
     -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
 
-treeview.view radio:selected:focus:disabled, treeview.view radio:selected:focus, treeview.view radio:selected:backdrop:disabled, treeview.view radio:selected:backdrop, treeview.view radio:selected:disabled, treeview.view radio:selected,
+treeview.view radio:selected:focus, treeview.view radio:selected,
 radio {
   border-radius: 100%; }
   treeview.view radio:checked:selected,
@@ -2616,41 +2613,19 @@ menu menuitem check:indeterminate:checked:active,
 menu menuitem radio:indeterminate:checked {
   animation: none; }
 
-treeview.view check:dir(rtl):selected:focus, treeview.view check:dir(rtl):selected:hover, treeview.view check:dir(rtl):selected, treeview.view check:dir(rtl):focus, treeview.view check:dir(rtl):hover, treeview.view check:dir(rtl), treeview.view check:dir(ltr):selected:focus, treeview.view check:dir(ltr):selected:hover, treeview.view check:dir(ltr):selected, treeview.view check:dir(ltr):focus, treeview.view check:dir(ltr):hover, treeview.view check:dir(ltr),
-treeview.view radio:dir(rtl):selected:focus,
-treeview.view radio:dir(rtl):selected:hover,
-treeview.view radio:dir(rtl):selected,
-treeview.view radio:dir(rtl):focus,
-treeview.view radio:dir(rtl):hover,
-treeview.view radio:dir(rtl),
-treeview.view radio:dir(ltr):selected:focus,
-treeview.view radio:dir(ltr):selected:hover,
-treeview.view radio:dir(ltr):selected,
-treeview.view radio:dir(ltr):focus,
-treeview.view radio:dir(ltr):hover,
-treeview.view radio:dir(ltr) {
+treeview.view check:selected:focus, treeview.view check:selected,
+treeview.view radio:selected:focus,
+treeview.view radio:selected {
   color: #eeeeec; }
-treeview.view check:dir(rtl):selected:backdrop:hover, treeview.view check:dir(rtl):selected:backdrop, treeview.view check:dir(rtl):backdrop:hover, treeview.view check:dir(rtl):backdrop, treeview.view check:dir(ltr):selected:backdrop:hover, treeview.view check:dir(ltr):selected:backdrop, treeview.view check:dir(ltr):backdrop:hover, treeview.view check:dir(ltr):backdrop,
-treeview.view radio:dir(rtl):selected:backdrop:hover,
-treeview.view radio:dir(rtl):selected:backdrop,
-treeview.view radio:dir(rtl):backdrop:hover,
-treeview.view radio:dir(rtl):backdrop,
-treeview.view radio:dir(ltr):selected:backdrop:hover,
-treeview.view radio:dir(ltr):selected:backdrop,
-treeview.view radio:dir(ltr):backdrop:hover,
-treeview.view radio:dir(ltr):backdrop {
+treeview.view check:selected:disabled,
+treeview.view radio:selected:disabled {
   color: #949796; }
-treeview.view check:dir(rtl):selected:backdrop:disabled, treeview.view check:dir(rtl):backdrop:disabled, treeview.view check:dir(ltr):selected:backdrop:disabled, treeview.view check:dir(ltr):backdrop:disabled,
-treeview.view radio:dir(rtl):selected:backdrop:disabled,
-treeview.view radio:dir(rtl):backdrop:disabled,
-treeview.view radio:dir(ltr):selected:backdrop:disabled,
-treeview.view radio:dir(ltr):backdrop:disabled {
-  color: #5d6767; }
-treeview.view check:dir(rtl):selected:disabled, treeview.view check:dir(rtl):disabled, treeview.view check:dir(ltr):selected:disabled, treeview.view check:dir(ltr):disabled,
-treeview.view radio:dir(rtl):selected:disabled,
-treeview.view radio:dir(rtl):disabled,
-treeview.view radio:dir(ltr):selected:disabled,
-treeview.view radio:dir(ltr):disabled {
+  treeview.view check:selected:disabled:backdrop,
+  treeview.view radio:selected:disabled:backdrop {
+    color: #5d6767; }
+treeview.view check:backdrop:selected, treeview.view check:backdrop,
+treeview.view radio:backdrop:selected,
+treeview.view radio:backdrop {
   color: #949796; }
 
 /************
index b1e07aded258a3fb0ef1ac1ba9b9fcb01759f97e..846f082c398316e79ed8676a71feb38b5bf45b79 100644 (file)
@@ -2593,17 +2593,14 @@ radio {
       border-color: currentColor;
       animation: none; }
 
-treeview.view check:selected:focus:disabled, treeview.view check:selected:focus, treeview.view check:selected:backdrop:disabled, treeview.view check:selected:backdrop, treeview.view check:selected:disabled, treeview.view check:selected,
 check {
   border-radius: 3px; }
-  treeview.view check:checked:selected,
   check:checked {
     -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); }
-  treeview.view check:indeterminate:selected,
   check:indeterminate {
     -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
 
-treeview.view radio:selected:focus:disabled, treeview.view radio:selected:focus, treeview.view radio:selected:backdrop:disabled, treeview.view radio:selected:backdrop, treeview.view radio:selected:disabled, treeview.view radio:selected,
+treeview.view radio:selected:focus, treeview.view radio:selected,
 radio {
   border-radius: 100%; }
   treeview.view radio:checked:selected,
@@ -2643,47 +2640,20 @@ menu menuitem check:indeterminate:checked:active,
 menu menuitem radio:indeterminate:checked {
   animation: none; }
 
-treeview.view check:selected:focus:disabled, treeview.view check:selected:focus, treeview.view check:selected:backdrop:disabled, treeview.view check:selected:backdrop, treeview.view check:selected:disabled, treeview.view check:selected {
-  border-color: #184472; }
-
-treeview.view radio:selected:focus:disabled, treeview.view radio:selected:focus, treeview.view radio:selected:backdrop:disabled, treeview.view radio:selected:backdrop, treeview.view radio:selected:disabled, treeview.view radio:selected {
+treeview.view check:selected:focus, treeview.view check:selected,
+treeview.view radio:selected:focus,
+treeview.view radio:selected {
+  color: #2e3436;
   border-color: #184472; }
-
-treeview.view check:dir(rtl):selected:focus, treeview.view check:dir(rtl):selected:hover, treeview.view check:dir(rtl):selected, treeview.view check:dir(rtl):focus, treeview.view check:dir(rtl):hover, treeview.view check:dir(rtl), treeview.view check:dir(ltr):selected:focus, treeview.view check:dir(ltr):selected:hover, treeview.view check:dir(ltr):selected, treeview.view check:dir(ltr):focus, treeview.view check:dir(ltr):hover, treeview.view check:dir(ltr),
-treeview.view radio:dir(rtl):selected:focus,
-treeview.view radio:dir(rtl):selected:hover,
-treeview.view radio:dir(rtl):selected,
-treeview.view radio:dir(rtl):focus,
-treeview.view radio:dir(rtl):hover,
-treeview.view radio:dir(rtl),
-treeview.view radio:dir(ltr):selected:focus,
-treeview.view radio:dir(ltr):selected:hover,
-treeview.view radio:dir(ltr):selected,
-treeview.view radio:dir(ltr):focus,
-treeview.view radio:dir(ltr):hover,
-treeview.view radio:dir(ltr) {
-  color: #2e3436; }
-treeview.view check:dir(rtl):selected:backdrop:hover, treeview.view check:dir(rtl):selected:backdrop, treeview.view check:dir(rtl):backdrop:hover, treeview.view check:dir(rtl):backdrop, treeview.view check:dir(ltr):selected:backdrop:hover, treeview.view check:dir(ltr):selected:backdrop, treeview.view check:dir(ltr):backdrop:hover, treeview.view check:dir(ltr):backdrop,
-treeview.view radio:dir(rtl):selected:backdrop:hover,
-treeview.view radio:dir(rtl):selected:backdrop,
-treeview.view radio:dir(rtl):backdrop:hover,
-treeview.view radio:dir(rtl):backdrop,
-treeview.view radio:dir(ltr):selected:backdrop:hover,
-treeview.view radio:dir(ltr):selected:backdrop,
-treeview.view radio:dir(ltr):backdrop:hover,
-treeview.view radio:dir(ltr):backdrop {
+treeview.view check:selected:disabled,
+treeview.view radio:selected:disabled {
   color: #8b8e8f; }
-treeview.view check:dir(rtl):selected:backdrop:disabled, treeview.view check:dir(rtl):backdrop:disabled, treeview.view check:dir(ltr):selected:backdrop:disabled, treeview.view check:dir(ltr):backdrop:disabled,
-treeview.view radio:dir(rtl):selected:backdrop:disabled,
-treeview.view radio:dir(rtl):backdrop:disabled,
-treeview.view radio:dir(ltr):selected:backdrop:disabled,
-treeview.view radio:dir(ltr):backdrop:disabled {
-  color: #c3c3c0; }
-treeview.view check:dir(rtl):selected:disabled, treeview.view check:dir(rtl):disabled, treeview.view check:dir(ltr):selected:disabled, treeview.view check:dir(ltr):disabled,
-treeview.view radio:dir(rtl):selected:disabled,
-treeview.view radio:dir(rtl):disabled,
-treeview.view radio:dir(ltr):selected:disabled,
-treeview.view radio:dir(ltr):disabled {
+  treeview.view check:selected:disabled:backdrop,
+  treeview.view radio:selected:disabled:backdrop {
+    color: #c3c3c0; }
+treeview.view check:backdrop:selected, treeview.view check:backdrop,
+treeview.view radio:backdrop:selected,
+treeview.view radio:backdrop {
   color: #8b8e8f; }
 
 /************